//out:'../css/index.css'
@viewBaseW: 3.75vw;

nav.navbar {
    background-color: transparent !important;

    // .navbar-brand {
    //     img {
    //         width: 200px;
    //         height: 39px;
    //     }
    // }

    .navbar-toggler {
        border: none;
        outline: none;

        .navbar-toggler-icon {
            color: hsla(0, 0%, 100%, .65);
        }
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }
    .offcanvas{
        flex-grow: 0;
    }
    .navbar-nav {
        .nav-item {
            margin-right: 20px;

            .nav-link {
                color: hsla(0, 0%, 100%, .65);
                font-weight: 400;

                &.active {
                    color: #f2b535;
                }
            }
        }
    }
}

// banner区域
.carousel {
    margin-bottom: 40px;

    .carousel-inner {
        @media (max-width:768px) {
            .carousel-item{
                height: 250px;
            }
        }
        @media (min-width:768px) {
            .carousel-item{
                height: 400px;
            }
        }
        @media (min-width:992px) {
            .carousel-item{
                height: 500px;
            }
        }
        .carousel-item{
            background-image: url(../assets/uploads/banner_1.jpg);
            background-size: cover;
            background-position: center 0;
            &:nth-child(2){
                background-image: url(../assets/uploads/banner_2.jpg);
            }
            &:nth-child(3){
                background-image: url(../assets/uploads/banner_3.jpg);
            }
            &:nth-child(4){
                background-image: url(../assets/uploads/banner_4.jpg);
            }
        }
      
    }
}

// 面包屑区域
nav.object {
    text-align: center;
    margin-bottom: 10px;

    .breadcrumb {
        justify-content: center;
        margin-bottom: 0;
        line-height: 45px;

        .breadcrumb-item {
            font-size: 30px;
            color: #494D55;
        }
    }

    span {
        color: #919191;
        font-size: 16px;
    }
}

//开源区域
.open {
    .row {
        div {
            text-align: center;
            padding: 0 15px;
            margin-bottom: 10px;
            height: 200px;

            a {
                display: block;
                color: #fff;
                text-decoration: none;
                height: 100%;
                background-color: palegreen;
                border-radius: 4px;
            }
            &:nth-child(1) a{
                background-color: #70c3ff;
            }
            &:nth-child(2) a{
                background-color: #fd6a7f;
            }
            &:nth-child(3) a{
                background-color: #7f8ea0;
            }
            &:nth-child(4) a{
                background-color: #89d04f;
            }
        }
    }
}